<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  }
</script>

<style>
  /* background-color: rgb(245, 245, 245); */
#app {font-family: 'Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #2c3e50;}
p{margin: 0;}
.content-box{width: 96%;margin: 0 auto;border-radius: 8px;background-color: #fff;}

.bottom-block{width: 100%;height: 60px;}
.top-block{width: 100%;height: 40px;}
body{margin: 0;}
.right{position: absolute;right: 0em;}

.flex{display: flex;justify-content: space-around;align-items: center;margin-top: 1em;}
.flex-item >div{text-align: center;}
.hr{height: 1px;margin: 11px 0;background-color: #e8e8e8;}
/* 标题 */
.title{font-size: 14px;color: #333333;font-weight: bold;}
.sumary{font-size: 12px;color: #666;position: relative;padding-left: 7px;margin-top: 10px;}
.sumary:after{position: absolute;content: '';width: 2px;height: 12px;background-color: #6ddebe;left: 0;top: .2em;}
</style>
